import React from 'react';
import { Navigate } from 'react-router-dom'
const Home = React.lazy(() => import('../views/home/index/index'))
const HomeSearch = React.lazy(() => import('../views/home/search/index'))
const HomeKnows = React.lazy(() => import('../views/home/knows/index'))
const HomeKnowsDetail = React.lazy(() => import('../views/home/knows/detail'))
const HomeList = React.lazy(() => import('../views/home/list/index'))
const HomeListDetail = React.lazy(() => import('../views/home/list/detail'))

export default [
  {
    path: '/home',
    element: <Home></Home>
  },
  {
    path: '/home/search',
    element: <HomeSearch></HomeSearch>
  },
  {
    path: '/home/know',
    element: <HomeKnows></HomeKnows>
  },
  {
    path: '/home/know/:id',
    element: <HomeKnowsDetail></HomeKnowsDetail>
  },
  {
    path: '/home/list',
    element: <HomeList></HomeList>
  },
  {
    path: '/home/list/:id',
    element: <HomeListDetail></HomeListDetail>
  },
  {
    path: '/',
    element: <Navigate to="/home"></Navigate>
  },
]